<!--
 * @Date: 2023-04-04 16:06:40
 * @LastEditTime: 2023-04-04 16:54:33
-->
<template>
  <div class="leftContent">
    <a-breadcrumb>
      <a-breadcrumb-item><a href="/"> 首页 </a> </a-breadcrumb-item>
      <template v-for="(item, index) in breadcrumbList">
        <template v-if="index != 0">
          <a-breadcrumb-item v-if="router.name != item.name" :key="item.name">
            <a :href="item.path"> {{ item.meta.title }} </a>
          </a-breadcrumb-item>
          <a-breadcrumb-item v-else :key="item.name"> {{ item.meta.title }}</a-breadcrumb-item>
        </template>
      </template>
    </a-breadcrumb>
  </div>
</template>

<script>
import store from '@/store/index'
export default {
  name: 'LeftContent',

  data () {
    return {}
  },

  mounted () {},
  computed: {
    router () {
      return this.$router.currentRoute
    },
    breadcrumbList () {
      return store.getters.breadcrumb
    }
  },
  methods: {}
}
</script>

<style lang="less" scoped>
.leftContent {
  flex: 1;
  width: 0;
  display: flex;
  align-items: center;
}
</style>
